<!DOCTYPE html>
<html>
<head>
	<title>pwdmkr</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
	<link rel="apple-touch-icon" href="img/iphone-icon.png" />
	<meta name="apple-touch-fullscreen" content="YES" /> 
	<link rel="stylesheet" type="text/css" href="css/styles.css" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.js"></script>
	<script language="JavaScript" type="text/javascript" src="js/jquery.md5.js"></script>
	<script language="JavaScript" type="text/javascript" src="js/application.js"></script>
</head>
  
<body>

<div id="main">
	<h1>pwdmkr!</h1>
	<div>
		<label for="url">url</label>
		<input class="standard" type="text" id="url" autocomplete="off"/>
	</div>
	<div>
		<label for="username">username</label>
		<input class="standard" type="text" id="username" autocomplete="off"/>
	</div>
	<div>
		<label for="masterpassword">master password</label>
		<input class="standard" type="password" id="masterpassword" autocomplete="off"/>
	</div>
	<div>
		<label for="generatedpassword_clear">generated password</label>
		<input class="standard" type="text" id="generatedpassword_clear"/>
		<input class="standard" type="password" id="generatedpassword_masked"/>
	</div>
	<p><a id="morelink" href="javascript:{};">more &gt;</a></p>
	<div id="more">
		<div id="charsetchooser">
			<label for="charset">char set</label>
			<select id="charset"></select>
		</div>
		<div id="passwordmasker">
			<input type="checkbox" id="hidepassword"/>
			<label for="hidepassword" class="checkboxpassword">Mask Generated password</label>
		</div>
	</div>
</div>

</body>
</html>
